<template>
	<u-navbar
	@custom-back="back"
	:back-text="backText" 
	:is-back="isBack" 
	:title="title"
	:is-fixed="isFixed"
	:back-text-style="{
		color: '#fff'
	}"
	:back-icon-color="backIconColor"
	:title-color="titleColor"
	:height="height"
	:border-bottom="false"
	:background="{background:background}">
		<view class="slot-wrap">
			<slot name="slot-wrap"></slot>
		</view>
	</u-navbar>
</template>
<script>
	export default {
		props: {
			backIconColor:{//返回图标颜色
				type: [String],
				default:()=>{
					return '#fff'
				}
			},
			backText: {//返回图标右边的辅助提示文字
				type: [String],
				default:()=>{
					return ''
				}
			},
			isBack: {//是否显示右边辅助文字和返回图标
				type: [Boolean],
				default:()=>{
					return false
				}
			},
			isFixed: {//固定
				type: [Boolean],
				default:()=>{
					return true
				}
			},
			title: {//标题
				type: [String],
				default:()=>{
					return '首页'
				}
			},
			height: {//导航蓝高度
				type: [String,Number],
				default:()=>{
					return 44
				}
			},
			titleColor: {//标题颜色
				type: [String],
				default:()=>{
					return '#fff'
				}
			},
			background: {//背景颜色
				type: [String],
				default:()=>{
					return 'linear-gradient(to right, #00C6FF,#0072FF)'
				}
			},
		},

		data() {
			return {
				
			}
		},
		mounted() {},
		methods: {
			back(){//返回
				
			}
		},
	};
</script>
<style lang="less" scoped>
	
</style>